<!DOCTYPE html>
<html>
<head>
<script id="vertex-shader" type="x-shader/x-vertex">
    attribute vec4 vPosition;
    void main()
    {
        gl_Position = vPosition;
    }
</script>
<script id="fragment-shader" type="x-shader/x-fragment">
    precision mediump float;
    void main()
    {
        gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );
    }
</script>
<script type="text/javascript" src="../common/webgl-utils.js"></script>
<script type="text/javascript" src="../common/initShaders.js"></script>
<script type="text/javascript" src="../common/MV.js"></script>
<script type="text/javascript" src="tessellation_code.js"></script>
</head>
<body>
    <canvas id="gl-canvas" width="512" height="512">
        Oops ... 你的浏览器不支持HTML5 Canvas！
    </canvas>
    <div>
    recursive steps  0 <input id="slider" type="range"
     min="0" max="6" step="1" value="5" />
     6
    </div>
    <div>
     degrees 0 <input id="slider-deg" type="range"
     min="0" max="1440" step="0" value="3" />
     1440
    </div>
    gasket <input type="checkbox" checked="checked" id="is_hollow" />
</body>
</html>